// 1.1 获取裁剪区域的 DOM 元素
var $image = $('#image')
// 1.2 配置选项
const options = {
  // 纵横比
  aspectRatio: 1,
  // 指定预览区域
  preview: '.img-preview'
}

// 1.3 创建裁剪区域
$image.cropper(options)
$('#btn').on('click', function () {
  $('#file').click();
})

$('#file').on('change', function () {
  if (this.files.length <= 0) return layer.msg('请选择文件')
  var newImgURL = URL.createObjectURL(this.files[0]);
  $image
    .cropper('destroy')
    .attr('src', newImgURL)
    .cropper(options)
})

$('#btnUpload').on("click", function () {
  var dataURL = $image
    .cropper('getCroppedCanvas', {
      // 创建一个 Canvas 画布
      width: 100,
      height: 100
    })
    .toDataURL('image/png')
  $.ajax({
    type: 'post',
    url: '/my/update/avatar',
    data: {
      avatar: dataURL
    },
    success: function (res) {
      console.log(res);
      // if(res.status ! = 0) return layer.msg('更换头像失败')
      if (res.status != 0) {
        return layer.msg('更换头像失败')
      }
      window.parent.getUserInfo();
    }
  })

})